.ui-nowrap {overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap2 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ui-nowrap3 {word-wrap: break-word;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ui-center{position:absolute;left:50%; width: 100%; margin-left: -25%; z-index: -9;}
.wrap{width: 1478px;margin: 0 auto;}
.row{ margin:0 -1.5%;}
.Phone-Box{ display: none; }
.fl{float:left;}
.fr{float:right;}
.pageBox{ padding: 0.6rem 0; }
.pageTitle .title1{ font-weight: bold; font-size: 30px; line-height:30px; color: #232323; padding-bottom:15px; }
.pageTitle .title2{ font-size: 14px; color: #767676; text-transform: uppercase;}
.fangda{ }
.fangda:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);}
.tc {
    text-align: center; width: 100%; float: left;
}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}
/*--- Header ---*/

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;resize:none;}
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{position:relative;}

.header-container{width:100%;position:fixed;top:0px;left:0px;z-index:999999; height: 100px;}

/*logo*/
.H-logo{height:68px;line-height:68px;font-size:0px;float:left;position:absolute;overflow:hidden;z-index:5; margin-top: 60px; margin-left: 0.15rem;}
.H-logo img.rollover{display:none;}

.asian_ganme_logo{height: 229px;line-height:229px; float: left;position:fixed;left:227px; z-index: 0; }
.asian_ganme_logo img{ width:180px; height: auto;}
.asian_ganme_logo_x {width:438px; float: left; padding-left: 20px; position: absolute; z-index: -1;}
.asian_ganme_logo_x ul{ margin-top: 180px;}
.asian_ganme_logo_x ul li{float: left; margin-right: 20px;}
.asian_ganme_logo_x ul li:last-child{margin-right: 0px;}
.asian_ganme_logo_x ul li img{ width: 199px; height: auto;}

.H-logo2{height:68px;line-height:68px;font-size:0px;float:left;position:absolute;overflow:hidden;z-index:5; margin-top: 10px; margin-left: 0.15rem;}
.H-logo2 img.rollover{display:none;}

.H-action{ right:0px;margin:34px 50px 0 0; position: absolute;}
.H-action .split{display:block;width:1px;height:16px;background:rgba(255,255,255,.5);float:left;margin:48px 0 0;}

.H-action2{ right:0px;margin:0px 50px 0 0;  position: absolute;}
.H-action2 .split{display:block;width:1px;height:16px;background:rgba(255,255,255,.5);float:left;margin:35px 0 0;}

.H-lang,
.H-user,
.H-srch{height:110px;float:left;}
.H-lang2,
.H-user2,
.H-srch2{height:85px;float:left;}

/*Hlang*/
.H-lang,.H-lang2{position:relative;}
.H-lang .Hlang-menu,.H-lang2 .Hlang-menu{display:block;width:53px;height:100%;background:url(../images/icon-Hlang.png) no-repeat center center;transition:none;-webkit-transition:none;}
.Hlang-menu.cur{background:url(../images/icon-close2.png) no-repeat center center / 16px auto;}
.Hlang-box{padding:20px 0px;width:150px;box-shadow:1px 1px 10px #666;background:#fff;position:fixed;top:120px;right:53px;display:none;}
.H-lang2 .Hlang-box{top:85px;}
.Hlang-box:before{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #fff transparent;position:absolute;top:-8px;left:50%;margin:0 0 0 -4px;z-index: 99999;}
.Hlang-box a{display:block;padding:5px 10px 5px 50px;line-height:30px; font-size: 13px; background-repeat:no-repeat !important;background-position:20px center !important; color:#666;}
.Hlang-box a:hover{color:#fff;background:#00a8cb;}
.Hlang-box a.CN{background-image:url(../images/icon-CN.png);}
.Hlang-box a.JP{background-image:url(../images/icon-jp.png);}
.Hlang-box a.EN{background-image:url(../images/icon-EN.png);}



/*Huser*/
.Huser-menu{display:block;width:53px;height:100%;background:url(../images/icon-Huser.png) no-repeat center center;float:left;}
.Huser-name{display:block;padding:0 15px;line-height:70px;color:#fff;}

/*Hsrch*/
.H-srch .Hsrch-menu,.H-srch2 .Hsrch-menu{display:block;width:47px;height:100%;background:url(../images/icon-Hsrch.png) no-repeat center center;}
.Hsrch-box{width:100%;height:100px;background:#fff;position:fixed;top:0px;left:0px;display:none;z-index:2;}
.Hsrch-block{width:50%;height:32px;margin:35px auto 0 auto;}
.Hsrch-block .btn{width:24px;height:32px;background:url(../images/icon-Hsrch2.png) no-repeat center center;float:left;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../images/icon-close.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:70%;height:32px;font-size:16px;float:left;margin:0 0 0 10px; border: 1px solid #ccc;outline:none; border:0;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hsrch-menu.cur{display:none;}

.Header-wrapper.Header-searching{}
.Header-wrapper.Header-searching .H-logo img{display:none;}
.Header-wrapper.Header-searching .H-logo img.rollover{display:inline-block;}

/*Hnav*/
.contain{width:1200px;margin:0 auto;}

.H-nav{float:left;margin:0 0 0 14%;}
.H-nav>li{padding:0 28px;float:left;}
.H-nav .Hnav-menu{display:block;height:100px;line-height:110px;font-size:16px;color:#fff;position:relative;}
.Hnav-menu i{display:block;width:9px;height:9px;background:url(../images/008.png) no-repeat center center ;position:absolute;right:-15px; top:50px;z-index:2;transition:560ms 0ms;}
.Hnav-menu:hover i{transform:rotate(45deg);-webkit-transform:rotate(45deg);/*transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px);*/ transition:560ms 0ms;}
.Hnav-sub{padding:48px 0 55px 0;width:100%;background:rgba(50,185,213,1.0);position:absolute;top:100px;left:0px;display:none;}
.HnavSub-list{width:33.5%;float:left;}
.HnavSub-list li{width:40%;padding:6px 6.716417910447761% 14px 0;float:left; font-size: 14px;}
.HnavSub-list li a{display:block;height:54px;line-height:54px;text-align:center;color:#343434;background:#fff;}
.H-nav>li.cur .Hnav-menu{color:#00a8cb;}
.HnavSub-list li.cur a,
.HnavSub-list li a:hover{background:#00a8cb;color:#fff;}

.HnavSub-box{padding:0 0 0 7.91667%;width:26.25%;color:#fff;border-left:1px solid rgba(255,255,255,.2);position:relative;float:left;margin:3px 0 0 5.5833%;}
.HnavSub-box .t{line-height:32px;font-size:20px;}
.HnavSub-box .c{line-height:30px;font-size:12px;margin:15px 0 0;opacity:.85;}

.HnavSub-img{display:block;width:20.83333333333333%;height:160px;overflow:hidden;float:right;}
.HnavSub-img img{width:100%;height:100%;obejct-fit:cover;}

@media all and (min-width:980px){
	.H-lang:hover .Hlang-box{display:block;animation:fadeInUp .6s ease-in-out;-webkit-animation:fadeInUp .6s ease-in-out;}
	.H-lang2:hover .Hlang-box{display:block;animation:fadeInUp .6s ease-in-out;-webkit-animation:fadeInUp .6s ease-in-out;}
	.H-nav>li:hover .Hnav-sub{display:block;animation:fadeInDown .6s ease-in-out;-webkit-animation:fadeInDown .6s ease-in-out;}
}

/*right menu*/
.Hmenu-btn.H-rMenu-btn{display:block;}

.H-rMenu-wrap{padding:76px 0 0;width:333px;height:100%;text-align:center;background:#ffffff;position:fixed;top:0px;right:-333px;z-index:999;}
.HrMenu-logo,
.HrMenu-name{}
.HrMenu-name{line-height:27px;font-size:16px;margin:15px 0 0;}
.HrMenu-list{padding:32px 0 0;width:269px;border-top:1px solid #ececec;margin:30px auto 0;}
.HrMenu-list dt{line-height:30px;font-size:16px;}
.HrMenu-list dd{padding:0 0 0 20px;text-align:left;margin:10px 0 0;}
.HrMenu-list dd a{display:block;padding:5px 0;line-height:24px;color:#777777;}
.HrMenu-ct{width:100%;padding:40px 0;font-size:0px;background:#fafafa;position:absolute;left:0px;bottom:0px;}
.HrMenu-ct .box{display:inline-block;padding:0 0 0 65px;text-align:left;background:url(../images/icon/icon-HrTel.png) no-repeat left center;}
.HrMenu-ct .t{line-height:20px;font-size:14px;color:#777777;}
.HrMenu-ct .c{line-height:26px;font-sizE:18px;color:#017bce;margin:1px 0 0;}

@keyframes fadeInUp{
	0%{transform:translateY(-20px);-webkit-transform:translateY(-20px);opacity:0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
@keyframes fadeInDown{
	0%{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
}
.Header-wrapper.Header-searching{}
.Header-wrapper.Header-searching .H-logo img{display:inline-block;}
.Header-wrapper.Header-searching .H-logo img.rollover{display:none;}


.beforscroll {
	overflow: hidden;
	height: 150px;
	background-color: rgba(255,255,255,0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
.beforscroll2 {
	overflow: hidden;
	height: 85px;
	background-color: rgba(0, 168, 203, 0.9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
}
.yinchang{
	opacity:0;}


.Header-wrapper #menu-holder {
	width: 100%; 
}

.Header-wrapper #menu-holder .nav {

	text-align: center;display: table;
            margin: 0 auto;  padding-left: 5%;
}

.Header-wrapper #menu-holder .nav .til1 {
	 float: left;list-style-type: none; z-index: 9999;
}

.Header-wrapper #menu-holder .nav .til1 a {
	margin-left: 60px;
}

.Header-wrapper #menu-holder .nav .til1 .yiji {
	height: 150px;
	display: block;
	line-height: 180px;
}
.Header-wrapper #menu-holder .nav .til1 .yiji2 {
	height: 85px;
	display: block;
	line-height: 85px;
}

.Header-wrapper #menu-holder .nav .til2 {
	padding-top:20px; z-index: 9999;
}

.Header-wrapper #menu-holder .nav .til2 li {
	padding-bottom: 20px;
}

.Header-wrapper #menu-holder .nav .til2 li a {
	font-size: 14px; z-index: 9999;
}

.Header-wrapper #menu-holder .nav .til2 li :hover {
	border-bottom: solid 1px white;
	padding-bottom: 0px;
	display: inline;
}

.Header-wrapper #menu-holder .nav a {
	color: white;
	font-size: 16px;
	margin-left: 50px;
	text-decoration: none;
	display: inline-block;
}

.Header-wrapper #menu-holder .nav a i {
	font-size: 12px;
	margin-left: 5px;
	margin-bottom: 2px;
	color: #F18E1E;
	display: inline-block;
	width:9px;height:9px;background:url(../images/008.png) no-repeat center center ;
}
.ease03 {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ease06 {
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}

.ease09 {
	-webkit-transition: all 0.9s ease;
	-moz-transition: all 0.9s ease;
	-o-transition: all 0.9s ease;
	transition: all 0.9s ease;
}

.ease12 {
	-webkit-transition: all 1.2s ease;
	-moz-transition: all 1.2s ease;
	-o-transition: all 1.2s ease;
	transition: all 1.2s ease;
}

.ease15 {
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;
	transition: all 1.5s ease;
}

.ease20 {
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}


@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:420ms 0ms;}
.banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox h2{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:420ms 580ms;}

.banner .bannerfix >li.imgIn .bbox2 h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox2 b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox2 .line2{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox3 h1{ opacity:1; visibility:visible; left:0; transition:420ms 580ms;}

.banner .bannerfix >li.imgIn .bbox4 h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox4 b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox4 .line2{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox5 h1{ opacity:1; visibility:visible; left:0; transition:420ms 460ms;}

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:2%; bottom:80px; text-align:left; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:100%; height:0px; float: none;border-radius: 3px; margin-bottom: 15px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:20px; height:3px; position:absolute; background:rgba(255,255,255,0.8); transition:320ms; left:0; top:0px;}
.banner .flex-control-nav li a.flex-active span{ width:50px; top:0;background:rgba(255,255,255,1);}
.bbox{ max-width:1046px;width:70%; margin:auto; position:absolute; left:13%; top:30%; text-align:center;}
.bbox h1{ line-height:1; color:#fff; font-size:48px; text-align:left; opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox h1 img{width:100%; height: auto;top:30px;}
.bbox h2{ text-align:left; margin-top: 50px;opacity:0; }
.bbox h2 img{width:187px; height: 46px;}

.bbox2{ margin:auto; position:absolute; left:0; right: 0;  top:30%; text-align:center;  }
.bbox2 h1{ line-height:1; color:#fff; font-size:76px; text-align:center; opacity:0; font-weight: lighter; visibility:hidden; position:relative; top:30px;text-shadow: 1px 1px 3px rgba(0,0,0,0.7);font-family:"PingFang SC","微软雅黑";}
.bbox2 b{ display:block; line-height:1.8; text-align:center; color:#fff; font-size:48px; margin-top: 30px; margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px;text-shadow: 1px 1px 3px rgba(0,0,0,0.7); }
/*.bbox2 .line2{ height: 2px; width: 141px; background: #929292;opacity:0;top:50px;}*/

.bbox3{ max-width:642px;width:45%;  margin:auto; position:absolute; left:45%;top:24%; }
.bbox3 h1{line-height:1; color:#155e9f; font-size:45px; text-align:left; opacity:0; visibility:hidden; position:relative; left:30px;}
.bbox3 h1 img{width:100%; height: auto;}

.bbox4{ width:561px;  margin:auto; position:absolute; left:15%;  top:42%; text-align:center;}
.bbox4 h1{ line-height:1; color:#fff; font-size:45px; text-align:left; opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox4 b{ display:block; line-height:1.4; text-align:left; color:#fff; font-size:22px;margin-top: 15px;  margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px; font-weight: normal;}
.bbox4 .line2{ height: 2px; width: 141px; background: #ffffff;opacity:0;top:50px;}

.bbox5{ max-width:432px;width:40%;  margin:auto; position:absolute; left:50%;top:25%; }
.bbox5 h1{line-height:1; color:#155e9f; font-size:45px; text-align:left; opacity:0; visibility:hidden; position:relative; left:30px;}
.bbox5 h1 img{width:100%; height: auto;}

.bamnline { width: 100%; bottom: 0; background:rgba(21,94,159,0.0); z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 2px; background: #32b9d5; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

.bannerTel{ display: none; }
.ind-bannerTel{width: 100%; overflow: hidden; margin-top: 65px;  } 
.ind-bannerTel .swiper-slide {color: #fff; } 
.ind-bannerTel .swiper-slide img{ width:100%; height: auto;}
.ind-bannerTel .swiper-pagination-bullet {width: 27px; height: 3px; background: #fff; border-radius: 0px; opacity: .2;margin-right:8px!important; } 
.ind-bannerTel .swiper-pagination-bullet-active {background: #fff!important;opacity: 1; } 
.ind-bannerTel .swiper-pagination{ text-align: left; left:7%!important; bottom: 40px!important; } 

/*****************************/
/* i_products */
/*****************************/
.i_products{ width:100%; margin-top: 16px;}

.tabs {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	font-weight: 300;
	font-size: 1.25em;
}

/* Nav */
.tabs nav {
	text-align: center;
}

.tabs nav ul {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style: none;
	-ms-box-orient: horizontal;
	-ms-box-pack: center;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	
}

.tabs nav ul li {
	position: relative;
	z-index: 1;
	display: block;
	margin: 0;
	text-align: center;
	-webkit-flex: 1;
	-moz-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tabs nav a {
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 2.5;
}

.tabs nav a span {
	vertical-align: middle;
	font-size: 0.75em;
}

.tabs nav li.tab-current a {
	color: #74777b;
}

.tabs nav a:focus {
	outline: none;
}

/* Content */
.content-wrap {
	position: relative;
	margin-top: -86px;
}

.content-wrap section {
	display: none;
	margin: 0 auto;
	width:100%;
	text-align: center;
}

.content-wrap section.content-current {
	display: block;
}

/* Fallback */
.no-js .content-wrap section {
	display: block;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}

.no-flexbox nav ul {
	display: block;
}

.no-flexbox nav ul li {
	min-width: 15%;
	display: inline-block;
}





.tabs-style-underline nav {
	background: #fff;
	height: 86px;
	
}

.tabs-style-underline nav a {
	padding: 0.25em 0 0.5em;
	border-right: 1px solid rgba(255,255,255,0.25);
	border-bottom: 1px solid rgba(255,255,255,0.25);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	background: #00a8cb;
	height: 86px;	
}

.tabs-style-underline nav li:last-child a {
	border-right: 1px solid #e7ecea;
}

.tabs-style-underline nav li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 85px;
	background: rgba(255,255,255,0);
	content: '';
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: translate3d(0,150%,0);
	transform: translate3d(0,150%,0);
}

.tabs-style-underline nav li.tab-current a::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.tabs-style-underline nav li.tab-current a{background: rgba(255,255,255,0);}
.tabs-style-underline nav a span {
	font-size: 18px; color:#fff; line-height: 80px;
}
.i_cp_bg{width:100%; position: relative;}
.cp_bg{ width:100%; height: auto;min-height:530px;}
.i_cp_bg img{height: auto; width: 100%;}
.i_cp_cont{position:absolute; max-width: 650px; width: 100%; left: 10%; top:30%; z-index: 0; text-align: left;}
.i_cp_cont .fenlei { width: 100%;}
.i_cp_cont .fenlei a{width:146px; height: 44px;background: rgba(177,177,176,0.1);border: 1px solid rgba(255,255,255,0.6); display: block; float: left; text-align: center;line-height: 44px; color:#fff; margin-right: 15px;font-size: 16px; margin-bottom: 15px; } 
.i_cp_cont .fenlei a:hover{ background: #00a8cb; border: 1px solid #00a8cb;}
.i_cp_cont .p{ color:#fff; font-size: 15px; line-height: 32px; margin-top: 8%; width: 100%;}
.i_cp_cont .more{ width:41px; height: 21px;  padding-top: 5%;} 
.i_cp_cont .more:hover{ padding-left:5px;}
/* Icons */
.icon::before {
	z-index: 10;
	display: inline-block;
	margin: 0 0.4em 0 0;
	vertical-align: middle;
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.3em;
	width:45px; height: 45px;
	font-family: 'stroke7pixeden';
	line-height: 1;color:rgba(255,255,255,0);
	speak: none;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-upload::before {
	content: "\e68a";background: url(../images/004.png) no-repeat center;
}
.icon-home::before {
	content: "\e648";background: url(../images/001.png) no-repeat center;
}
.icon-gift::before {
	content: "\e652";background: url(../images/002.png) no-repeat center;
}
.icon-config::before {
	content: "\e666";background: url(../images/007.png) no-repeat center;
}
.icon-coffee::before {
	content: "\e669";background: url(../images/005.png) no-repeat center;
}


.indexPart2{ width:100%;}
.indexPart2 .name{ height: 173px; text-align: center; position: relative;width: 100%; }
.indexPart2 .name h2{font-size: 30px; color:#333333; padding-top: 50px; }
.indexPart2 .name p{ color:#838383; font-size: 14px; padding-top: 15px;}
.indexPart2 .name .more{ position:absolute; right:0; top: 41%; width:167px; height: 41px; border: 1px solid #272523; line-height: 41px; font-family: times; color:#272523;}
.indexPart2 .name .more:hover { background: #00a8cb; border: 1px solid #00a8cb; color:#fff;}
.indexPart2 .name .more a{color:#272523;}
.indexPart2 .name .more:hover a{color:#fff;}

.indexPart2 ul{width:100%;}
.indexPart2 ul li{ width:25%; float: left; position: relative;}
.indexPart2 ul li .bg{ background:url(../images/010.png); position: absolute; z-index: 0; width: 100%; height: 100%;}
.indexPart2 ul li .img{ width:100%;}
.indexPart2 ul li .img img{ width:100%; height: auto;}
.indexPart2 ul li .txt{position: absolute;top:15%; z-index:1; }
.indexPart2 ul li .txt h2{ color:#fff;font-size: 24px; text-align: center; background: url(../images/009.png) no-repeat center bottom; padding-bottom: 40px;margin-bottom: 25px; }
.indexPart2 ul li .txt p{ width:80%; margin: 0 auto; line-height:32px;color:rgba(255,255,255,0.6); text-align: center;}
.indexPart2 ul li .txt .more{ width: 10px; height: 10px; background:url(../images/011.png); margin: 35px auto;}
.indexPart2 ul li .txt .more a{ }
.indexPart2 ul li:hover .txt{background: #00a8cb;top:0%; padding-top: 10%;}
.indexPart2 ul li:hover .txt p{color:rgba(255,255,255,1); }

.indexPart3{ width:100%; background: url(../images/006.jpg) no-repeat center top; padding: 70px 0;}
.indexPart3 .name{ text-align: center; position: relative;width: 100%; margin-bottom: 60px; }
.indexPart3 .name h2{font-size: 30px; color:#333333; }
.indexPart3 .name .more{ position:absolute; right:0; top: 5%; width:167px; height: 41px; border: 1px solid #272523; line-height: 41px; font-family: times; color:#272523;}
.indexPart3 .name .more:hover { background: #00a8cb; border: 1px solid #00a8cb; color:#fff;}
.indexPart3 .name .more a{color:#272523;}
.indexPart3 .name .more:hover a{color:#fff;}

.i_news_cnt{
  width: 100%;
}
.i_news_list{
	margin:0 -3%;
}
.i_news_item{
  width: 27%;
  float: left;
  margin:0 3% 0 3%;
  position: relative;
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.i_news_pic{
  width: 100%;
  overflow: hidden;
}
.i_news_pic img{
  width: auto;
  height:auto;
}
.i_news_item{ padding:0px;}
.i_news_item h2{
  color: #232323;
  font-size: 0.2rem;
  width: 100%;font-weight:normal;
  box-sizing: border-box;
  padding: 30px 0px 20px 0px;
  overflow: hidden;
	
}
.i_news_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 30px;
  padding: 5px 0px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.i_news_item h6{
	margin-bottom: 0.3rem;
	width: 100%;
	color: #999; 
	font-size: 14px;
	font-weight: normal;
}

.i_news_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.i_news_line span{
  position: absolute;
  left: 20px;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.i_news_item:hover .i_news_line span{
  width: 100%;
}
.i_news_item:hover .i_news_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.indexPart4{ width:100%; padding: 70px 0; background: #fff;}
.indexPart4 .name{ text-align: center; position: relative;width: 100%; margin-bottom: 60px; }
.indexPart4 .name h2{font-size: 30px; color:#333333; }
.indexPart4 .name .more{ position:absolute; right:0; top: 5%; width:167px; height: 41px; border: 1px solid #272523; line-height: 41px; font-family: times; color:#272523;}
.indexPart4 .name .more:hover { background: #00a8cb; border: 1px solid #00a8cb; color:#fff;}
.indexPart4 .name .more a{color:#272523;}
.indexPart4 .name .more:hover a{color:#fff;}

.indexPart4 ul{margin: 0 0%;}
.indexPart4 ul li{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
		max-width: 412px;
		max-height: 412px;
		width: 25%;
	margin: 0 0%;
		border:1px solid #eff0f0;
	border-bottom: 5px solid #eeeeee;
		position: relative;
		overflow: hidden;
	}
.dummy{
		padding-top: 100%;
	}
.indexPart4 ul li img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.indexPart4 ul li i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.indexPart4 ul li p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}
.indexPart4 ul li:hover{border-bottom: 5px solid #00a8cb;}

.swiper-container {
        width: 100%;
        height: 100%;
    }
.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

.indexPart4 .swiper-pagination-bullet-active{ background: #00a8cb;}









/*底部CSS*/
footer .footer-top .select{
	display:none;
}
footer .footer-right .pojoi{
	display:none;
}
footer{
	padding: 0.6rem 0 0;
	background:url(../images/008.jpg);
	
}
footer .footer-top{
	padding-bottom: 30px;position: relative;
}
footer .footer-left{
	float: right;
}
footer .footer-left .num-tel{
	font-size:0.48rem;
	color:#fff;
	font-family: "BEBASNEUE REGULAR";
	line-height:0.48rem;
}
footer .footer-left .quan-tel{
	font-size:0.18rem;
	color:#fff;
	line-height:0.18rem;
	margin-top:0.06rem;
}
footer .footer-left .true-select{
	margin-top:1.25rem;
	width:3.25rem;
	height: 1.25rem;
	display:block;
	font-size:0.4rem;
	color:#999999;
	background-color:#444444;
	background-position:80%;
	background-repeat:no-repeat;
	background-size:8px;
	background-image:url(../img/footer-more.png);
	line-height:1.25rem;
	padding-left: 0.75rem;
	transition:all 0.3s;
}
footer .footer-left .f-logo{
	margin-top:0.3rem;
	margin-bottom: 0.3rem;
	text-align:left;
}
footer .footer-left .f-logo .txt{ color:#beecf6; text-align: left;margin-bottom:0.25rem;font-size:0.15rem; line-height: 2;}
footer .footer-left .f-logo img{
	max-width:100%;
}
.social-share .social-share-icon{ width:40px; height: 40px; font-size: 20px;}
.social-share .icon-weibo,.social-share .icon-wechat,.social-share .icon-qq{color: #fff;  background: #35a6be; border: none;}

footer .footer-ul{
	font-size:0;
	text-align:left;
	width:78%;
	float: left;
}
footer .footer-ul li{
	display:inline-block;
	vertical-align:top;
	width:16%;
}
footer .footer-ul li:nth-last-child(1){
	margin-right:0;
}
footer .footer-ul li dt{
	font-size:18px;
	margin-bottom: 0.32rem;
	font-weight: initial;
}
footer .footer-ul li dt a{
	color:#fff;
	transition:all 0.3s;
}
footer .footer-ul li dd{
	font-size:16px;
	margin-bottom:0.15rem;
}
footer .footer-ul li dd.er-dd{
	font-size:14px;
	margin-bottom:0.10rem;
}

footer .footer-ul li dd a{
	color:#beecf6;
	transition:all 0.3s;
	font-size:15px;
}
footer .footer-ul li dd.er-dd a{
	opacity: 0.5;
	transition:all 0.3s;
}

footer .footer-bottom{
	height:0.9rem;
	line-height:0.9rem;
	border-top:1px solid  rgba(255, 255, 255, 0.3);
	
}
footer .footer-bottom p{
	color:#fff;
	float:left;
}

footer .footer-bottom p a{
	color:#fff;
	transition:all 0.3s;
}
footer .footer-bottom p a.zhichi{
	margin-left:0.25rem;
}
footer .footer-bottom .b_r{ float:right; color:#fff;font-size: 14px; }
footer .footer-bottom .b_r a{ color:#fff;}

footer .footer-bottom .select {
    width: 5.5rem;
    position: relative;
    float: right;
    top:0.5rem;
}
footer .footer-bottom .select .tit{
	display: block;
    border: 1px solid rgba(255,255,255,.2);
    line-height: 1rem;
    height: 1rem;
    padding: 0 .4rem;
    color: #fff;
    font-size: .3rem;
    position: relative;
    background-image:url(../img/f-xia.png);
    background-position:4.8rem center;
    background-size:8px;
    background-repeat:no-repeat;
}
footer .footer-bottom .select .sub{
	    position: absolute;
    left: 0;
    bottom: 1rem;
    width: 100%;
    border: 1px solid rgba(255,255,255,.2);
    box-sizing: border-box;
    background-color: #212121;
    max-height: 4rem;
    overflow: hidden;
    display: none;
}
footer .footer-bottom .select.on .sub{
	display:block
}
footer .footer-bottom .select .sub a {
    display: block;
    height: 1rem;
    line-height: 1rem;
    padding: 0 .4rem;
    border-bottom: 1px solid rgba(255,255,255,.2);
    color: #7f7f7f;
    font-size: .3rem;
    transition: all .3s;
}
.footer_tabbar{width:100%; height:42px; margin:0 auto; position:fixed; bottom:0; left:0; background:#dcc49c; z-index:1000; font-family:'iconfont' }
.footer_tabbar a{display:block; width:25%; height:42px; line-height: 42px; float:left; text-align:center; color: #fff; font-size: 18px;}
.footer_tabbar { display: none;}
/*矢量图标*/
@font-face {
  font-family: 'iconfont';
  src: url('font/iconfont.eot');
  src: url('font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('font/iconfont.woff') format('woff'),
  url('font/iconfont.ttf') format('truetype'),
  url('font/iconfont.svg#iconfont') format('svg');
}

.iconfont{
  font-family:"iconfont" !important;
  font-size:22px;
  font-style:normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  /*-webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;*/
}

/*******************************
    -------[=手机导航]-------
********************************/

.header_tel{ height:65px; width:100%; position: fixed;background-color: rgba(0, 168, 203, 0.9); top:0; left: 0; z-index: 99; display: none; }
.header_tel .logo img{ height:55px; width:auto; margin-top: 5px;}

.menuBtn {
    position: fixed;top: 15px;
    right:2.5%;width: 28px;height: 20px;
    display: none;cursor: pointer;z-index: 1000;
}
.menuBtn em {margin-bottom: 6px;display: block;height: 3px;background-color: #fff; 
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.menuBtn.on em {display: none;margin: -2px 0 0; position: absolute;top: 50%;width: 30px;}
.menuBtn.on em:first-child {display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.on em:last-child {display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);}
#aside {
    display: none;
    position: fixed;
    top: 65px;left: 0%;right: 0%;
    background-color: #fff;
    z-index: 99;
    border-top: 2px solid #e9e9e9;
    -moz-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    -webkit-box-shadow:0px 2px 5px rgba(0,0,0,.1); 
    box-shadow:0px 2px 5px rgba(0,0,0,.1);
	 height: 500px; overflow-y:auto;
}
#aside .menu { }
#aside .menu li{
    font-size: 16px;
}
#aside .menu li a{
    display: block;
    color: #888;
    height: 50px;
    line-height: 49px;
    border-bottom: 1px solid #ebebeb;
    white-space: nowrap;overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
#aside .menu li > a{
    color: #353535;
    padding: 0 10px;
}
#aside .menu li.h-sub > a{
    background: url(../images/icon-close3.png) 95% center no-repeat;
    background-size: auto 14px;
}
#aside .menu li.h-sub.open > a{
    background: url(../images/icon-open.png) 95% center no-repeat;
    background-size: 14px auto;
}
#aside .menu li a:hover{color: #000;}
#aside .sub-nav{display: none;}
#aside .sub-nav dd{padding-left: 10px;font-size: 14px;}


#aside .lg{
    padding: 10px 0 30px;
    text-align: center;
}
#aside .lg a{
    display: inline-block;
    padding: 0 15px;
    height: 36px;
    line-height: 36px;
    margin: 0 10px;
    color: #353535;
    border-bottom: 1px solid #353535;
}
#aside .lg a.on{
    color: #e84044;
    border-bottom: 1px solid #e84044;
}

.floating_ck{position:fixed;right:0px;bottom:25%; z-index: 9999;}
.floating_ck dl dd{position:relative;width:50px;height:50px; border-radius: 50%; background-color:#dcc49c;border-bottom:solid 0px #fff;text-align:center;cursor:pointer; font-size:14px; margin-bottom: 5px;}
.floating_ck .last{ border-bottom:none}
.floating_ck .last:hover{ border-bottom:none}
.floating_ck dl dd:hover{background-color:#00a8cb;border-bottom:solid 1px #00a8cb;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/tel.png);}
.f_home{background:url(../images/012.png) no-repeat center; color:#fff; font-weight: bold;}
.quote{background-image:url(images/kficon.png);}
.qrcord{background:url(../images/sm.png) no-repeat center;}
.return{background:url(../images/top.png) no-repeat center;}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:60px;background-color:#252c3c;border-bottom:solid 1px #252c3c;display:none; font-size:18px;}
.floating_left a{color:#fff;line-height:60px;}
.floating_ewm{height:200px;top:-100px;}
.floating_ewm i{background:url(../images/wx.png);background-size: 100% auto;display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:8px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:28px;}
.floating_ewm .qrcord_p02{font-size:16px;}


/*分页*/
#pages {
    text-align: center;
}

#pages li {
    margin: 0 2px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background: #e6e6e6;
    color: #333;
    display: inline-block;
	width: auto;
}
#pages li a{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li span{
    font-size: 14px;
    display: block;
    padding: 0 12px;
}
#pages li.active {
    text-align: center;
    background: #19b1d0;
    color: #fff;
    display: inline-block;
}

#pages li:hover {
    background: #19b1d0;
}

#pages li:hover a {
    color: #fff;
}


.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .mxfDiv{ position: absolute; width: 300px; left: 50%; margin-left: -150px; top: 55%; transform: translateY(-50%); z-index: 5;}
.pageBanner .mxfDiv2{ left: 50%; right: auto; margin-right: 0; margin-left: -7.68rem; }
.pageBanner .txtDiv{ color: #fff; text-align: right;}
.pageBanner .mxfDiv2 .txtDiv{ text-align: left; }
.pageBanner .txt1{ font-size:0.4rem; line-height: 1; padding-bottom: 0.25rem; text-align: center;}
.pageBanner .txt2{ font-size: 0.4rem; height: 0.75rem; line-height: 36px; position: relative; }
.pageBanner .txt1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.pageBanner .mxfDiv2 .txt2:after{ right: auto; left: 0; }
.pageBanner .sxdDiv{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .wenDiv{ color: #fff; text-align: center;}
.pageBanner .wen1{ font-size: 0.48rem; line-height: 0.48rem; height: 0.8rem; position: relative;}
.pageBanner .wen1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.pageBanner .wen2{ font-size: 14px; padding-top: 0.6rem; }

.pageNav{ width: 100%; height: 85px;  background:#fff; border-bottom: 1px solid #eee;}
.pageNav li{ width: 14.28%; float: left; height: 85px; font-size:18px; text-align: center; }
.pageNav2 li{ width: 25%; }
.pageNav3 li{ width: 20%; }
.pageNav4 li{ width: 33.33%; }
.pageNav5 li{ width: 50%; }
.pageNav li .ico{ padding: 0.30rem 0 0.15rem;  text-align: center;  }
.pageNav li .ico img{ width: 33px; margin: 0 auto;}
.pageNav li a{ display: block; height: 85px; line-height:85px ;  color: #343434;}
.pageNav li a:hover, .pageNav li .aNow{ background: #00a8cb; color: #fff;}

.pagenavph{ display:none;}

.cp_box{background: #fff; padding:0 0 60px 0;}
.two_menu{ width:100%;  padding: 40px 0 35px 0;  background: #f5f5f5; text-align: center;border-bottom: 1px solid #eee;}
.two_menu a{ width: 145px; text-align: center;display:inline-block;height: 45px; line-height: 45px; background: #e6e7e8; border-radius: 30px; margin: 0 10px 10px;}
.two_menu a:hover{ background:#00a8cb; color:#fff;}
.two_menu a.act { background:#e8d0a9; color:#fff}
.cp_neir{ padding: 60px 0 0 0;}
.cp_neir ul{ width:100%; margin: 0 -1.5%;}
.cp_neir ul li{	
		float: left;
		width: 22%;
		margin: 0 1.5% 0.4rem 1.5%;
		padding: 8px;
		border:1px solid #eff0f0;
		position: relative;
	background: #fff;
	}
.dummy{
		padding-top: 100%;
	}

.cp_neir ul li .name{ height: 45px; text-align: left; width:100%; float: left; position: relative; border-top: 1px solid  #eee; padding: 18px 0 0 0; margin-bottom: 30px; margin-top: 20px;}
.cp_neir ul li .txt{  color:#343434; font-size: 20px;  width:100%; float: left;border-top: 1px solid  #eee;margin-top: 20px; padding: 18px 0 12px 5px;}
.cp_neir ul li .txt a,.cp_neir ul li .txt2 a,.cp_neir ul li .txt3 a{color:#343434;}
.cp_neir ul li .txt3{  color:#343434; font-size: 16px;  width:100%; float: left;border-top: 1px solid  #eee;margin-top: 20px; padding: 18px 0 10px 5px;}
.cp_neir ul li .txt2{color:#343434; font-size: 18px; margin-bottom:10px; width:100%; float: left;margin-top: 20px; padding: 18px 0 10px 0px; text-align: center;}
.cp_neir ul li .jg{ color:#232323; font-size: 18px; padding-left: 5px; margin-bottom: 5px;}
.cp_neir ul li .jg span{color: #e71b33;font-size: 30px;font-weight: bold; margin-bottom: 10px;font-family: "BEBASNEUE REGULAR";}
.cp_neir ul li button {
	width:50px; height: 50px;border-radius: 50%; background:url(../images/012.png) no-repeat center #e8d0a9;position: absolute; right:15px; bottom:25px;cursor:pointer;transition:560ms 0ms;
}

.gwc2 button {
	width:50px; height: 50px;border-radius: 50%; background:url(../images/012.png) no-repeat center #e8d0a9;position: fixed; right:0px; bottom:32%;cursor:pointer
}
.gwc button {
	width:200px; height: 50px; font-size: 16px; padding-left: 30px; line-height: 50px; color:#fff; font-weight: bold;background:url(../images/012.png) no-repeat 20px #dcc49c;position: absolute; cursor:pointer; margin-top: 30px;
}
.gwc button a{ color:#fff;}



.cp_neir ul li:hover{background:#32b9d5;border:1px solid #32b9d5;}
.cp_neir ul li:hover .name{border-top: 0px solid #00a8cb;}
.cp_neir ul li:hover .txt,.cp_neir ul li:hover .jg{ color:#fff;}
.cp_neir ul li:hover .txt a,.cp_neir ul li:hover .txt2 a,.cp_neir ul li:hover .txt3 a{ color:#fff;}
.cp_neir ul li:hover button{transform:rotate(360deg);-webkit-transform:rotate(360deg);/*transform:translateY(3px); -webkit-transform:translateY(3px); -moz-transform:translateY(3px);*/ transition:560ms 0ms;background:url(../images/012.png) no-repeat center #7ad1e3;}
.cp_neir ul li:hover .jg span{color: #fff}

.list dl dd {
	text-align: center;
}

.list dl dd span {
	font: bold 22px/22px "微软雅黑";
	color: red;
}

.list dl dd button {
	height: 30px;
	width: 100px;
	font: 400 18px/30px "微软雅黑";
	background-color: darkred;
	color: #fff;
	border: none;
}

.list dl dd button:hover {
	background-color: red;
}







.cp_tu{	
		list-style-type: none;
		/*display:inline-block;*/
		display: block;
		float: left;
		max-width: 800px;
		max-height: 800px;
		width: 100%;
	margin: 0 0%;
		position: relative;
		overflow: hidden;
	background: #fff;
	
	}
.dummy{
		padding-top: 100%;
	}
.cp_tu img{
		max-width: 100%;
		max-height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
.cp_tu i{
		display: inline-block;
		vertical-align: middle;
		height:100%;
	}
.cp_tu p{
		text-align: center;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		height: 100%;
	}

.no_pic_bg{ width:100%; background: #00a8cb;  height: 150px; }
.gwc_box{padding:50px 0; margin-top: 100px; }
.gwc_box h1{ font-size: 30px; color:#232323; text-align: left; font-weight: bold}
.gwc_box h2 {float: right;padding: 20px;}
.gwc_box h2.hide {display: none;}
.gwc_box h2 span {font: bold 33px/33px "微软雅黑";color: red;}
.gwc_box h3 {margin: 20px 0;}
.gwc_box table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
	text-align: center;background: #fff;
}

.gwc_box table img {
	width: 100px;
	padding: 5px
}

.gwc_box table thead {
	font: bold 20px/45px "微软雅黑";
	background-color: #00a8cb;
	color: #fff;
}

.gwc_box table.hide {
	display: none;
}

.gwc_box table .ck {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

table tbody input {
	width: 20px;
	text-align: center;
}

.gwc_box .up,.gwc_box .down {
	width: 20px;
}

.gwc_box .box {
	width: 100%;
	height: 200px;
	background-color: #f5f5f5;
	font: bold 36px/200px "微软雅黑";
	text-align: center;
}

.gwc_box .box.hide {
	display: none;
}

/*--------------------*/
/* show_ym */
/*--------------------*/
.show_ym{ padding-top: 50px;}
.nav-circlepop a {
	position: fixed;
	top: 380px;
	display: block;
	outline: none;
	text-align: left;
	z-index: 9;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #232323;	
	background: #cccccc;
}
.nav-circlepop a.prev {
    left: 0;
}
.nav-circlepop a.next {
    right: 0;
}
.nav-circlepop a {
	margin: 0 0px;
	width: 50px;
	height: 50px;
}

.nav-circlepop a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00a8cb;
	content: '';
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.nav-circlepop .icon-wrap {
	position: relative;
	display: block;
	margin: 10% 0 0 10%;
	width: 80%;
	height: 80%;
}

.nav-circlepop a.next .icon-wrap {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.nav-circlepop .icon-wrap::before,
.nav-circlepop .icon-wrap::after {
	position: absolute;
	left: 30%;
	width: 1px;
	height: 50%;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
	transition: transform 0.3s, background-color 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.nav-circlepop .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(30deg);
	transform: translateX(-50%) rotate(30deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
}

.nav-circlepop .icon-wrap::after {
	top: 50%;
	-webkit-transform: translateX(-50%) rotate(-30deg);
	transform: translateX(-50%) rotate(-30deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

.nav-circlepop a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.nav-circlepop a:hover .icon-wrap::before,
.nav-circlepop a:hover .icon-wrap::after {
	background: #fff;
}

.nav-circlepop a:hover .icon-wrap::before {
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
}

.nav-circlepop a:hover .icon-wrap::after {
	-webkit-transform: translateX(-50%) rotate(-45deg);
	transform: translateX(-50%) rotate(-45deg);
}


.showinfo-top-box .left{
    float: left;
    max-width: 600px;
	width: 35%;
}
.showinfo-top-box{
    padding: 0 0;
}
.showinfo-top-box .cp_tu{ border:1px solid #eee;}
.showinfo-top-box .bimg,
.showinfo-top-box .simg{
    overflow: hidden;
}
.showinfo-top-box img{
    width: 100%;
}
.showinfo-top-box .simg-box{
    padding: 20px 0px;
    border-top: none;
    position: relative;
}
.showinfo-top-box .simg-box .swiper-slide{
    position: relative;
    cursor: pointer;
}
.showinfo-top-box .simg-box .cover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #ccc;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .2s;
}
.showinfo-top-box .simg-box .swiper-slide.cur .cover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.showinfo-top-box .simg-box .prev,
.showinfo-top-box .simg-box .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .2s;
}
.showinfo-top-box .simg-box .prev{
    left: 0rem;
    background-image: url('../images/simg-prev.png');
}
.showinfo-top-box .simg-box .next{
    right: 0rem;
    background-image: url('../images/simg-next.png');
}
.showinfo-top-box .right{
    float: left;
	margin-left: 8%;
    width: 50.83%;
}
.showinfo-top-box .right .tit{
    font-size:0.3rem;
    line-height: 1.5;
    color: #333;
	font-family: "PingFang SC";
}
.showinfo-top-box .right .con{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e0e0e0;
    font-size: 13px;
    line-height: 2;
	margin-bottom: 20px;
	color:#787878;
	margin-bottom: 1rem;
}
.showinfo-top-box .right .info-list{
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}
.showinfo-top-box .right .info-list .item{
    font-size: .35rem;
    line-height: .4rem;
    height: .8rem;
    color: #999;
    margin-bottom: .2rem;
    box-sizing: border-box;
    /* word-break: break-all; */
    float: left;
    width: 50%;
    white-space: nowrap;
}
/* .showinfo-top-box .right .info-list .item:nth-child(3n+1){
    width: 34.54%
}
.showinfo-top-box .right .info-list .item:nth-child(3n+2){
    width: 40.9%
} */
.showinfo-top-box .right .price{
    padding-top: .5rem;
    margin-top: .5rem;
    border-top: 1px solid #e2e2e2;
    font-size: .65rem;
    line-height: .75rem;
    color: #bca065;
}
.same-box{
    padding: 1.75rem 0 1.25rem;
    border-top: 1px solid #ededed;
}
.same-tit{
    font-size: 0;
    border-bottom: 1px solid #ededed;
}
.same-tit span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size:.4rem;
    line-height: .5rem;
    padding-bottom: .5rem;
    color: #bca065; 
    position: relative;
}
.same-tit span:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background-color: #bca065;
}
.same-tab{
    overflow: hidden;
    margin-top: 1rem;
}
.same-tab .swiper-slide{
    padding-top: .25rem;
    width: 30.5%;
    margin-right: 4.25%;
}
.same-tab .swiper-slide:last-child{
    margin-right: 0;
}
.same-tab .buttons{
    margin-top: .75rem;
}
.buttons{
    text-align: center;
    font-size: 0;
}
.buttons a{
    font-size: 0;
    text-align: center;
}
.buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #dcdcdc;
    border-radius: 100%;
    margin: 0 .375rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .175rem;
    transition: all .2s;
}
.buttons .prev{
    background-image: url('../images/page-prev.png');
}
.buttons .next{
    background-image: url('../images/page-next.png');
}
.showinfo-con-box{
    position: relative;
}
.showinfo-con-box img{
    width: 100%!important;
    height: auto!important;
    max-width: 1920px;
    margin: 0 auto;
    display: block;
}

.showinfo-tit{
    text-align: center;
    position: absolute;
    left: 0;
    top: 15.55%;
    width: 100%;
    z-index: 3;
}
.showinfo-tit .icon{
    width: 2rem;
    margin: 0 auto .75rem;
}
.showinfo-tit .icon img{
    width: 100%;
}
.showinfo-tit .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.showinfo-tit .line{
    width: 1.25rem;
    height: .1rem;
    background-color: #949494;
    margin: .5rem auto;
}
.showinfo-tit .desc{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
}
.showinfo-con{
    margin-top: 3.25rem;
}
.showinfo-con img{
    max-width: 100%;
}
.showinfo-con-box .icon-box{
    overflow: hidden;
    position: relative;
}
.showinfo-con-box .icon-box .buttons{
    position: absolute;
    left: 0;
    bottom: 16.67%;
    width: 100%;
    z-index: 3;
}
.num-tab {
    display: none;
}

.n_p_aniu{ width:100%; margin-top: 30px; border-top: 1px solid #e0e0e0; position: relative;}

.n_p_aniu li{   float: left;  color:#e31b23; padding:15px 0; margin-right:0px;font-size: 0.4rem; font-family: "BEBASNEUE REGULAR";}
.n_p_aniu li i{ color:#e31b23; font-size: 0.3rem; line-height: 1; padding-right: 0px;}

.n_p_xxjs{ width:100%; margin-bottom: 30px; background: #fff; padding: 30px 0;}
.n_p_xxjs .name{background: #f5f5f5; color:#232323; padding:15px 20px; width: 100%; font-size:20px; margin-top: 30px; border-left: 5px solid #e87919;font-family: 'Lato-Heavy';}
.n_p_xxjs .box{ padding: 30px 0px;}
.n_p_xxjs .box table, td, th{border:1px solid #e0e0e0; padding: 8px;}
.n_p_xxjs .box table{border-collapse:collapse;}
.n_p_xxjs img{ max-width:100%; height: auto; margin: 15px 0;}
.n_p_xxjs .box2{ padding:30px 30px 15px 30px;}
.n_p_xxjs .name2{ color:#232323; padding:15px 20px; width: 100%; font-size:28px; margin-top: 30px;font-family: 'Lato-Heavy';}

.n_p_xxcp{ width:100%; background: #f5f5f5; padding: 0.6rem 0 0 0;}
.n_p_xxcp .name2{ color:#232323; font-size: 0.24rem;}

.layui-form-item {
    margin-bottom: 10px;
    clear: both;
	*zoom: 1;
}
.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
	border: 1px solid #e1e1e1;
	
}
.layui-input, .layui-select, .layui-textarea {
    height: 43px;
    line-height: 1.3;
    border-width: 1px;
    border-style: solid;
    background-color: #f9f9f9;
    border-radius: 3px;
}
.layui-input:hover, .layui-textarea:hover {
	border-color: #D2D2D2!important;
}
.layui-textarea {
    min-height: 100px;
    height: auto;
    line-height: 20px;
    padding: 6px 10px;
    resize: vertical;
}
form .verify-box input {
    display: inline-block;
    width: 30%;
	margin-top: 10px;
}
form .verify-box img  {
    display: inline-block;
    margin-left: 2%;
    width: 145px;
    height: 38px;position:absolute;
	margin-top: 10px;
}
.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #e87919;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.layui-form-item label{ color:#888;font-weight: bold; font-size: 15px;}
.layui-form-field-label{  margin-top: 5px;}


.bread-box{
	width:100%;
	height: 70px;
	margin-top: 85px;
    border-top: 1px solid #f0f0f0;
	background: #f5f5f5;
}
.bread-box .bread{
    float: left;
}
.bread-box .bread a,
.bread-box .bread span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.bread-box .bread a{
    font-size: 14px;
    color: #999;
    transition: all .2s;
	line-height: 70px;
}
.bread-box .bread span{
}
.bread-box .bread .home{
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../images/home.png');
}
.bread-box .back{
    float: right;
    font-size: 16px;
	line-height: 70px;
    color: #999;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px;
    background-image: url('../images/back-btn.png');
    transition: all .2s;
}


.about-box{
    padding: 90px 0;
}
.about-box .about-con{
    width: 95%;
    margin: 60px auto 0;
}
.about-box .img{
    margin-top:50px;
	
}
.about-box .img img{
    width: 100%;
}
.about-box .num-box{
    margin-top: 1.5rem;
    font-size: 0;
}
.about-box .num-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 7%;
    box-sizing: border-box;
    vertical-align: top;
    position: relative;
}
.about-box .num-box .item:nth-child(1){
    padding-left: 0;
    width: 17.5%;
}
.about-box .num-box .item:nth-child(2){
    width: 25%;
}
.about-box .num-box .item:nth-child(3){
    width: 36.67%;
}
.about-box .num-box .item:nth-child(4){
    padding-right: 0;
    width: 20.83%;
}

.about-box .num-box .item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 1.75rem;
    background-color: #e5e5e5;
}
.about-box .num-box .item:last-child:before{
    display: none;
}
.about-box .num-box .item .tit,
.about-box .num-box .item .jia{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.about-box .num-box .item .tit{
    color: #a08448;
}
.about-box .num-box .item .num{
    font-size: 1.15rem;
    line-height: 1.25rem;
    font-family: arial;
}
.about-box .num-box .item .jia{
    font-size: .5rem;
    line-height: 1.25rem;
    margin-left: .25rem;
}
.about-box .num-box .item .txt{
    font-size: .35rem;
    line-height: .45rem;
    color: #666;
    margin-top: .4rem;
}
.sub-tit .en { text-align: center;
    font-size:90px;
    line-height:60px;
    color: #f5f5f5;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
}
.sub-tit .cn {
    font-size: 30px;
    line-height: 1;
    color: #333;
    margin-top: -18px;
	text-align: center;
}
.sub-tit .line {
    width:50px;
    height: 3px;
    background-color: rgba(0,0,0,.1);
    margin: 0.3rem auto 0;
}

.clearfix-time{display:block}
.ls_his{ width:95%; margin-top: 60px; margin-left: 5%;}
.ls_his ul{background: url(../images/002-.png) center top repeat-y;  }
.ls_his li{ float:right;text-align:left;position:relative;height: 150px; position: relative; width: 45%; margin-top:100px}
.ls_his li:nth-child(1){margin-top:0}
.ls_his li:before{background:url(../images/nimg16_1.png) no-repeat center center;left:-0.70rem;top:12px;content:"";display:block;position:absolute;width:17px;height:17px}
.ls_his li:nth-child(2n){float:left;text-align:right;height: 150px; position: relative; width: 45%;margin-top:90px;}
.ls_his li:nth-child(2n):before{background:url(../images/nimg16_1.png) no-repeat center center;right:-0.60rem;top:12px;left:auto;content:"";display:block;position:absolute;width:17px;height:17px}
.ls_his li h2{font-size: 40px; line-height: 40px; height: 60px; color: #232323; font-family: "BEBASNEUE REGULAR";  padding-left: 8%;}
.ls_his li p{ font-size: 14px; color: #666666; line-height: 24px;  width: 100%; padding-left: 8%;}
.ls_his li p img{ width:150px; height: auto;}

.aboutPart1{ padding: 0.9rem 0; overflow: hidden;}
.aboutPart1 .leftDiv{ width: 55%; }
.aboutPart1 .name{ font-size: 0.3rem; line-height: 30px; color: #232323; padding: 0.9rem 0 0.2rem;}
.aboutPart1 .txt{ font-size:0.4rem; color: #999; text-transform: uppercase; line-height: 40px; }
.aboutPart1 .content{ padding-top: 0.4rem; font-size: 14px; color: #666666; line-height: 24px; padding-right: 80px;}
.aboutPart1 .rightDiv{ width:40%; }
.aboutPart1 .rightDiv li{ margin-bottom: 10px; cursor: pointer; }
.aboutPart1 .rightDiv li img{ width: 100%;   -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); }
.aboutPart1 .rightDiv li:hover img{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}





.product_box {}

.classify-screen {
    border: 1px solid #ececec;
    font-size: 12px;
    padding: 5px 20px 0px;
    margin: 15px auto;
}

.classify-box {
    padding: 10px 0px;
}

.classify-box .classify-name {
    width: 80px;
    float: left;
    font-size: 16px;
    font-weight: 400;
    text-indent: 15px;
    line-height: 30px;
}

.classify-box .classify-screen-con {
    font-size: 16px;
    line-height: 30px;
    float: left;
    width: 980px;
}

.classify-box .classify-screen-con .classify-choose {
    width: 980px;
    float: left;
}

.classify-box .classify-screen-con a {
    position: relative;
    float: left;
    color: #666;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.classify-box .classify-screen-con a:hover {
    color: #E31939;
}

.classify-box .classify-screen-con a:after {
    content: '';
    display: block;
    width: 1px;
    height: 16px;
    background-color: #e3e3e3;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
}

.classify-box .classify-screen-con a span {
    padding: 3px 10px;
    margin: 0 10px;
}

.classify-box .classify-screen-con a.selected span {
    background: #E31939;
    color: #ffffff;
}

.anli_cnt{
  width: 100%;
}
.anli_list{
	margin:0 -2%;
}
.anli_item{
  width: 29.3%;
  float: left;
  margin:0 2% 0 2%;
  margin-bottom: 0.8rem;
  position: relative;
	background: #fff;
}
.anli_item:hover{ 
	transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.zoomImage{
    width:100%;
    height:0;
    padding-bottom: 65%;
    overflow:hidden;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
}
.anli_pic{
  width: 100%;
  overflow: hidden;
}
.anli_pic img{
  width: auto;
  height:auto;
}
.anli_item{ padding:20px;}
.anli_item h2{
  color: #232323;
  font-size: 18px;
  width: 100%;font-weight: bold;
  box-sizing: border-box;
  padding: 30px 0px 10px 0;
  overflow: hidden;
	
}
.anli_item p{
  color: #4c4c4c;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
	margin-bottom: 20px;
  padding: 5px 0px;
  line-height: 28px; height: 56px; overflow: hidden; color: #949494; font-family: Arial,"Microsoft JhengHei","微软雅黑";
}
.anli_item h6{
	margin-bottom: 20px;
	width: 100%;
	color: #999; 
	font-size: 12px;
	font-weight: normal;
}

.anli_line{
  width: 100%;
  height: 2px;
  background-color: #f5f5f5;
  position: relative;
}
.anli_line span{
  position: absolute;
  left: 0;
  top:0;
  height: 2px;
  display: block;
  width: 0;
  background-color: #005678;
  transition: all 0.4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
}



.anli_item:hover .anli_line span{
  width: 100%;
}
.anli_item:hover .anli_pic img{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

/*
-----------------[文章详细页]--------------*/
.projectshow1{width:95%;margin:0 auto; background: #fff; padding:0.6rem 0;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px; position: relative;}
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .title .return2{ width:32px; height: 32px; position: absolute; right:0; top:10px;}
.projectshow1 .contentbox{ background:#fff; padding:0%;}
.projectshow1 .contentbox .text h2{ font-size:14px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:14px; color:#666;line-height:2;font-family: 微软雅黑, "Microsoft YaHei";}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:10px; border-top:1px #ddd dotted; margin-top: 30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}





.loadmore {
    width:100%;
    margin: 0 auto;
    line-height: 1.6em;
    font-size: 14px;
    text-align: center;
	 border-top: 1px solid #ddd;
}
.loadmore-line {
    margin-top: 1.5em;
}
.loadmore-line .loadmore-tips {
    position: relative;
    top: -0.9em;
    padding:0  0.55rem;
    background-color: #f6f6f6;
    color: #808080;
}
.loadmore-tips {
    display: inline-block;
    vertical-align: middle;
}

.btn {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 30px;
    background-color: #1c1c1c;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}/*
.btn:hover {
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff
}*/
.jzgd{  text-align:center; padding: 30px 0;}



/*搜索*/
.search {
    width: 600px;
    background: #f5f5f5;
    height: 45px;
    line-height: 45px;

}

.search_box {
    margin: 0 auto;
    width: 600px;
}

.search-top-box {
    background: #fff;
	padding: 40px 0 20px 0;
	margin-bottom: 1px;
	margin-top: 110px;
}
.minh3{ min-height:320px;}
.search_time {
    line-height: 40px;
    height: 40px;
	width: 100%; text-align: left;
}

.search select {
    display: none;
}

.search .select_box {
    font-size: 14px;
    color: #999999;
    width: 120px;
    line-height: 45px;
    float: left;
    position: relative;
}

.search .select_showbox {
    height: 45px;
    background: url(../images/search_ico.png) no-repeat 90px center;
    text-indent: 1.5em;
}

.search .select_showbox.active {
    background: url(../images/search_ico_hover.png) no-repeat 90px center;
}

.search .select_option {
    display: none;
    border: 2px solid #fa0712;
    border-top: none;
    display: none;
    left: -2px;
    top: 45px;
    position: absolute;
    z-index: 99;
    background: #aaa;
}

.search .select_option li {
    text-indent: 1.5em;
    width: 100px;
    cursor: pointer;
}

.search .select_option li a {
    color: #666;
}

.search .select_option li.selected {
    background-color: #F3F3F3;
    color: #999;
}

.search .select_option li.hover {
    background: #BEBEBE;
    color: #fff;
}

.search input.inp_srh,
.search input.btn_srh {
    border: none;
    background: none;
    height: 45px;
    line-height: 45px;
}

.search input.inp_srh {
    font-size: 14px;
    outline: none;
	width:60%;
	padding-left: 3%;
}

.search input.btn_srh {
    background: #2997ab;
    color: #FFF;
    font-family: "微软雅黑";
    font-size: 15px;
    width: 100px;
	float: right;
}
.nodate{ color:#666; font-size: 20px; text-align: center;}
.search_result {
    background: #fff;
    padding: 16px 0px;
}
.search_result .cp_neir{ padding:0.3rem 0;}
.search_left {
    text-align: right;
    float: left;
    width: 200px;
    margin-right: 16px;
}

.search_left h5 {
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item_gr {
    color: #999;
    font-size: 14px;
    line-height: 25px;
    position: relative;
    display: block;
    padding: 2px 0px;
}

.list-group-item_gr.active,
.list-group-item_gr.active:hover,
.list-group-item_gr.active:focus {
    z-index: 2;
    color: #fa0712;
    font-weight: 600;
}

.left-line {
}

.search_right {
    float: right;
    width: 100%;
	padding:30px 50px;
}

.search_bd {
    min-height: 500px;
}


.ctabox{ background:#fff;  }
.ctabox .pa{ padding:1rem; }
.ctaList .namebox{ width:33%; float:left; }
.ctaList .ti{ font-size:20px; color:#333; line-height:1.4; padding-right:20px; margin-bottom: 10px; font-weight: bold;}
.ctaList .ctas{  float:left; }
.cats_49{width:49%;}
.cats_100{width:100%;}
.ctaList .ctas .citme{ color:#666; line-height:25px; display:block; position:relative;  margin-bottom:11px; padding-right:20px; } 
.ctaList .ctas .citme:before{ width:40px; height:25px; position:absolute; top:0; left:0; content:""; background-repeat:no-repeat; background-position:left center; }
.ctaList .ctas .c1:before{ background-image:url(../images/rr_cta_ico_1.png); }
.ctaList .ctas .c2:before{ background-image:url(../images/rr_cta_ico_2.png); }
.ctaList .ctas .c3:before{ background-image:url(../images/rr_cta_ico_3.png); }
.ctaList .ctas a:hover{ color:#005678; }
.ctaList .mabox{ width:18%; float:left; }
.ctaList .mabox .ma{ width:96px; text-align:center; line-height:1.4; max-width:100%; }
.ctaList .mabox .ma img{ display:block; width:100%; }

.ctaList{ border-top:2px solid #333; }
.ctaArea{  }
.ctaList .ctas a:hover:before{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.wingshowBox{ position: relative; padding:60px 70px; margin: 0px auto; width: 300px; background-color: #fff; text-align: center; color: #a0733e; font-size: 18px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border: 1px solid #f9fafc; -webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7);transform: scale(0.7);opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}

.ctaList li{ width:33.3%;border-bottom:1px solid #ccc; padding:60px 0 36px 0; float: left;}
.ctaList li:first-child{  width: 100%; }
.ditu {width: 100%;height: 550px;font-size: 12px;margin-top: 20px;background:url(../images/map.png) no-repeat center; position:relative}
.ditu .con_img{position:absolute;left:30px;bottom:30px;text-align:center;}
.ditu .con_img a{width:150px;padding:12px 0px;background:rgba(0, 168, 203, 0.9);text-align:center;border-radius:6px;color:#fff;display:inline-block; font-weight: bold; font-size: 15px;}



























.header-ri{ float:right;  z-index: 99999;width:50px; height: 50px;border-radius: 50%; background:url(../images/012.png) no-repeat center #dcc49c;position: fixed; right:0px; bottom:32%;cursor:pointer}
.header-ri i{width:50px; height: 50px; display: block; text-align: center; color:#fff;}
.header .navbar{cursor: pointer;float: right;}

.header .navbar img{display: none;}
.header .navbar img:first-child{display: block;}
.pofhad.mod2 img:last-child{display: block;}
.pofhad.mod2 img:first-child{display: none;}
.header.mod2 .navbar img:last-child{display: block;}
.header.mod2 .navbar img:first-child{display: none;}
header.pchad{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: url('../images/1.jpg') no-repeat center/cover;	display: none;z-index: 99;}

header.pchad .close{
	position: absolute;
	width: 24px;
	height: 24px;
	background: url('../images/3.png') no-repeat center/cover;
	top: 100px;
	right: 50px;
	cursor: pointer;
}

.pchad table {
	border-collapse: collapse;
	width: 100%;
	margin-top: 20px;
	text-align: center;background: #fff;
}

.pchad table img {
	width: 100px;
	padding: 5px
}

.pchad table thead {
	font: bold 22px/40px "微软雅黑";
	background-color: #00a8cb;
	color: #fff;
}

.pchad table.hide {
	display: none;
}

.pchad table .ck {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}

.pchad table tbody input {
	width: 20px;
	text-align: center;
}

.pchad .up,.pchad .down {
	width: 20px;
}

.pchad .box {
	width: 100%;
	height: 200px;
	background-color: #fff;
	font: bold 36px/200px "微软雅黑";
	text-align: center;
}

.pchad .box.hide {
	display: none;
}
.pchad th{ text-align: center;}